<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
		.new-contentarea {
	width: 100%;
	overflow:hidden;
	margin: 0 auto;
	position:relative;
}
.new-contentarea label {
	width:100%;
	height:100%;
	display:block;
}
.new-contentarea input[type=file] {
	width:188px;
	height:18px;
	background:#333;
	margin: 0 auto;
	position:absolute;
	right:50%;
	margin-right:-94px;
	top:0;
	right/*\**/:0px\9;
	margin-right/*\**/:0px\9;
	width/*\**/:10px\9;
	opacity:0.5;
	filter:alpha(opacity=0.5);
	z-index:2;
	cursor:pointer;
}
a.upload-img{
	width:48px;
	display: inline-block;
	margin-bottom: 10px;
	height:18px;
	line-height: 57px;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #f38e81;
	
	
	border-radius: 3px;
	text-decoration:none;
	cursor:pointer;
}
a.upload-img:hover{
	background-color: #ec7e70;
}

.tc{text-align:center;}

.chat-tool-icon{background: url("images/chat-tool-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 15px;float: left;}
.icon-tp{background-position: -32px 0;}
	</style>
</head>
<body>
<div class="new-contentarea tc">
<a href="#" class="upload-img"><label for="upload-file">上传图像</label></a>
<input type="file" class="" name="upload-file" id="upload-file" />
</div>
</body>
</html>